<!DOCTYPE html>
<html lang="uk-UA">

<head>
    <!-- CSS styles -->
    <link href="/style/bootstrap.min.css" rel="stylesheet">
    <link href="/style/bootstrapValidator.min.css" rel="stylesheet">
    <link href="/style/font-awesome.min.css" rel="stylesheet">
    <link href="/style/common.css" rel="stylesheet">
    <!--Favicon-->
    <link rel="shortcut icon" href="/style/images/favicon.ico">
    <!--Meta tags-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Реєстрація</title>
</head>

<body>
    <div id="main-wrapper">
        <!--Header start-->
        <header id="header"></header>
        <!--Header end-->
        <!--Content start-->
        <div id="content">
            <div class="container-fluid">
                <div class="container sign-up">
                    <h1>Реєстрація</h1>
                    <div class="ggl">
                        <a href="/php/googleauth.php" target="_blank" class="btn btn-danger">
                            <i class="fa fa-google-plus fa-lg"></i>Зареєструватися з Google</a>
                    </div>
                    <div class="or">
                        або
                    </div>
                    <form id="registration-form" method="POST" action="/php/register.php" enctype="multipart/form-data">
                        <div class="form-group">
                            <input type="text" id="login" name="login" class="form-control" placeholder="Логін">
                        </div>
                        <div class="form-group">
                            <input type="email" id="email" name="email" class="form-control" placeholder="Email">
                        </div>
                        <div class="form-group">
                            <input type="password" id="password" name="password" class="form-control" placeholder="Пароль">
                        </div>
                        <div class="form-group">
                            <input type="password" name="password-repeat" class="form-control" placeholder="Повторіть пароль">
                        </div>
                        <div class="form-group">
                            <label for="avatar">Фотографія</label>
                            <input type="file" id="avatar" name="file">
                            <p class="help-block">Максимальний розмір 2 мегабайти</p>
                        </div>
                        <button type="submit" class="btn btn-info">Зареєструватися</button>
                    </form>
                </div>
            </div>
        </div>
        <!--Content end-->
    </div>
    <!--Footer start-->
    <footer id="footer"></footer>
    <!--Footer end-->
    <!--Javascript Files-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
    <script src="/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/js/bootstrapValidator.min.js" type="text/javascript"і></script>
    <script src="/js/framework.js" type="text/javascript"></script>
    <script src="/js/validation.js" type="text/javascript"></script>
</body>

</html>